<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/Stylesheet.css">
</head>

<body>
<center>
<div id="main_wrapper">
    <header>
        <div id="main_title">
            <img id="logo" src="images/zozor_logo.png">
            <h1 id="zozor">Zozor</h1>
            <h2 id="travel">Travel diariese</h2>
        </div>

        <nav>
            <div id="nav">
            <a href="#">Home</a>
            <a href="#">Blog</a>
            <a href="#">Resume</a>
            <a href="#">Contact</a>
            </div>
        </nav>
    </header>

    <div id="banner_image">
        <div id="banner_description">
             Reflections on my holiday in the United States...
            <a href="#" id="redButton">See article </a>
        </div>
    </div>

    <section>
        <article>
            <img id="logo1" src="images/pin.png">
            <h1 id="uppercase">I'm a great traveller</h1>
            <p>Lorem ipsum dolor sit amet...</p>
            <p>Vivamus sed libero nec mauris pulvinar facilisis ut non sem...</p>
            <p>Phasellus ligula massa, congue ac vulputate non, dignissim at augue...</p>
        </article>
        <aside>
            <center>
                <h1 id="uppercase">About the author</h1>
                <center/>
            <img id="logo2" src="images/zozor.png">
            <p>Let me introduce myself: My name's Zozor. I was born on 23 November 2005.</p>
            <p>A bit meager, is it not? This is why I've now decided to write my biography to let my readers know who I really am.</p>
                <img id="logo2" src="images/facebook.png">
                <img id="logo2" src="images/twitter.png">
                <img id="logo2" src="images/vimeo.png">
                <img id="logo2" src="images/flickr.png">
                <img id="logo2" src="images/rss.png">
            <p></p>
        </aside>
    </section>

    <footer>
        <div id="tweet">
            <h1 id="uppercase">My last tweet</h1>
            <p>Hee-haw!</p>
            <p>12/05 23:12</p>
        </div>
        <div id="my_pictures">
            <center>
                <h1 id="uppercase">My pictures</h1>
            <img id="logo3" src="images/pic1.jpg">
            <img id="logo3" src="images/pic2.jpg">
            <img id="logo3" src="images/pic3.jpg">
            <img id="logo3" src="images/pic4.jpg">
            <p></p>
            </center>
        </div>
        <div id="my_friends">
            <h1 id="friendsh1">My friends</h1>
            <ul id="inline">
                <li id="arrow"><a href="#">Pupi the rabbit</a></li>
                <li id="arrow"><a href="#">Mr Baobab</a></li>
                <li id="arrow"><a href="#">Kaiwaii</a></li>
                <li id="arrow"><a href="#">Perceval.eu</a></li>
            </ul>
            <ul id="inline">
                <li id="arrow"><a href="#">Ji</a></li>
                <li id="arrow"><a href="#">Super cucumber</a></li>
                <li id="arrow"><a href="#">Prince</a></li>
                <li id="arrow"><a href="#">Mr Fan</a></li>
            </ul>
        </div>
    </footer>
</div>
    <center/>
</body>

</html>